<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Document</title>
    </head>
    <style>
        body {
            font-family: "Akaya Kanadaka";
        }
    </style>
    <body>
        Sphinx of black quartz, judge my vow.
    </body>
    <script type="module">
        import { useStyleSheet } from "./dist/useStyleSheet.js";
        const { link, load, unload } = useStyleSheet({
            href: "https://cdn.jsdelivr.net/npm/@fontsource/akaya-kanadaka/index.css",
        });

        console.log(link, load, unload);
        load().then(() => {
            console.log("完成加载");
            setTimeout(() => {
                unload();
            }, 2000);
        });
    </script>
</html>
